<div id="page-wrapper">
    <div class="row headline" >
        <div class="col-md-12 headline-title" >
            <h3>学员招生 <img src="assets/img/angle-right.png" alt="" class="tubiao"></h3><h4>学员管理</h4>
        </div>
    </div>
    <div class="row daily-search">
        <div class="col-md-1" >
            <button class="search-content" style="background: #4da1ff;color: #fff;	box-shadow: #84bdff 0px 0px 8px;" data-toggle="modal" data-target="#studentadd">学员添加</button>
        </div>
        <div class="col-md-1" >
           <span class="search-content" style="background: #f5e9e6;color:#f9b3a2" >学员卡号：</span>
        </div>
        <div class="col-md-1" >
            <input type="text" class="search-content" style="background: #f5e9e6;" id="studentcard">
        </div>
        <div class="col-md-1" >
           <span class="search-content" style="background: #e3eef9;color: #9ecbfb">学员姓名:</span>
        </div>
        <div class="col-md-1" >
            <input type="text" class="search-content" style="background: #e3eef9;" id="studentname">
        </div>
        <div class="col-md-1" >
           <span class="search-content" style="background:#ebe0f9;color:#c87bfb ">负责人:</span>
        </div>
        <div class="col-md-1" >
            <responsible></responsible>
        </div>
        <div class="col-md-2" ng-if="admin==true">
            <schoolcampus></schoolcampus>
        </div>
        <div class="col-md-1" >
            <button class="search-content" style="background: #4da1ff;color: #fff;	box-shadow: #84bdff 0px 0px 8px;" ng-click="find()">查询</button>
        </div>
    </div>
    <!--添加信息-->
    <div class="container-fluid text-center">
        <!-- 模态框（Modal） -->
        <div class="modal fade" id="studentadd" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
            <div class="modal-dialog" style="width: 1000px;">
                <div class="modal-content" >
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                        <h2 class="modal-title" > <span class="fa fa-edit">学员添加</span></h2>
                    </div>
                    <form>
                        <div class="modal-body">
                            <!-- 提交表单到服务器 -->
                            <table width="100%" align="center">
                                <tbody class="modal-information">
                                <tr>
                                    <td  height="52"> <span style="color: red">*</span>学员卡号</td>
                                    <td> <span style="color: red">*</span>学员姓名</td>
                                    <td> <span style="color: red">*</span>性别</td>
                                </tr>
                                <tr class="paikeconter">
                                    <td height="52">
                                        <input type="text" class="form-control" style="background: #fef6f9;border: 1px solid #fce5ee" ng-model="studentsn">
                                    </td>
                                    <td>
                                        <input type="text" class="form-control" style="background: #fef6f9;border: 1px solid #fce5ee" ng-model="studentname">
                                    </td>
                                    <td>
                                        <select class="tankuang" id="studentsex">
                                            <option value="1" disabled selected style="display: none;"></option>
                                            <option value="1">男</option>
                                            <option value="0">女</option>
                                        </select>
                                    </td>
                                </tr>
                                <tr>
                                    <td  height="52"><span style="color: red">*</span>来源学校</td>
                                    <td ><span style="color: red">*</span>年级：</td>
                                    <td>类别：</td>
                                </tr>
                                <tr class="paikeconter">
                                    <td>
                                        <input type="text" class="form-control" style="background: #fef6f9;border: 1px solid #fce5ee" ng-model="schoolname" id="schoolname" >
                                    </td>
                                    <td>
                                        <grade></grade>
                                    </td>
                                    <td>
                                        <select name="type_class" id="type_class" class="tankuang">
                                            <option value="暂无" selected>暂无</option>
                                            <option value="文科">文科</option>
                                            <option value="理科">理科</option>
                                        </select>
                                    </td>
                                </tr>
                                <tr>
                                    <td  height="52">本人手机号</td>
                                    <td>父亲手机号</td>
                                    <td>母亲手机号</td>
                                </tr>
                                <tr class="paikeconter">
                                    <td height="52">
                                        <input type="text" class="form-control" style="background: #fef6f9;border: 1px solid #fce5ee" ng-model="mobile1">
                                    </td>
                                    <td>
                                        <input type="text" class="form-control" style="background: #fef6f9;border: 1px solid #fce5ee" ng-model="mobile2">
                                    </td>
                                    <td>
                                        <input type="text" class="form-control" style="background: #fef6f9;border: 1px solid #fce5ee" ng-model="mobile3">
                                    </td>
                                </tr>
                                <tr>
                                    <td  height="52">微信号</td>
                                    <td>咨询</td>
                                    <td>教务</td>
                                </tr>
                                <tr class="paikeconter">
                                    <td height="52">
                                        <input type="text" class="form-control" style="background: #fef6f9;border: 1px solid #fce5ee" ng-model="wechat">
                                    </td>
                                    <td>
                                        <consulting></consulting>
                                    </td>
                                    <td>
                                        <administration></administration>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="modal-footer">
                            <button type="submit" class="btn btn-primary-tf" ng-click="addstudent()">保存</button>
                        </div>
                    </form>
                </div>
                <!-- /.modal-content -->
            </div>
            <!-- /.modal -->
        </div>
    </div>
    <div>
    <table class="table ">
        <thead class="yuangong">
        <tr>
            <th>序号</th>
            <th>学员卡号</th>
            <th>学员姓名</th>
            <th>来源学校</th>
            <th>年级</th>
            <th>性别</th>
            <th>类别</th>
            <th>操作</th>
        </tr>
        </thead>
        <tbody class="xuhao">
        <tr ng-repeat="data in datas " >
            <td>{{$index+1+(pageNumber-1)*pageSize}}</td>
            <td>{{data.sn}}</td>
            <td>{{data.name}}</td>
            <td>{{data.school}}</td>
            <td>{{data.grade_name}}</td>
            <td ng-if="data.sex==0">女</td>
            <td ng-if="data.sex==1">男</td>
            <td>{{data.direction}}</td>
            <td width="30%">
                <span class="operation fa fa-edit"  ng-click="updata($index)">修改</span>
                <span class="operation fa fa-trash-o" ng-click="delete($index)">删除</span>
                <span class="operation fa fa-file-text"  ng-click="ToView($index)">查看</span>
                <span class="operation "><a href="#/personal_onetoone/{{data.id}}">一对一</a></span>
                <span class="operation "><a href="#/personal_class/{{data.id}}">班课</a></span>
            </td>
        </tr>
        </tbody>
    </table>
    </div>
    <!--修改信息-->
    <div class="container-fluid text-center">
        <!-- 模态框（Modal） -->
        <div class="modal fade" id="revise" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
            <div class="modal-dialog" style="width: 1000px;">
                <div class="modal-content" >
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                        <h2 class="modal-title" > <span class="fa fa-edit">学员添加</span></h2>
                    </div>
                    <form >
                        <div class="modal-body">
                            <!-- 提交表单到服务器 -->
                            <table width="100%" align="center">
                                <tbody class="modal-information">
                                <tr>
                                    <td  height="52"><span style="color: red">*</span>学员卡号</td>
                                    <td><span style="color: red">*</span>学员姓名</td>
                                    <td><span style="color: red">*</span>性别</td>
                                </tr>
                                <tr class="paikeconter">
                                    <td height="52">
                                        <input type="text" class="form-control" style="background: #fef6f9;border: 1px solid #fce5ee" value="{{prod.sn}}" id="updatasn">
                                    </td>
                                    <td>
                                        <input type="text" class="form-control" style="background: #fef6f9;border: 1px solid #fce5ee" value="{{prod.name}}" id="updataname">
                                    </td>
                                    <td>
                                        <select class="tankuang" id="updatasex">
                                            <option value="" disabled selected style="display: none;" ></option>
                                            <option value="1">男</option>
                                            <option value="0">女</option>
                                        </select>
                                    </td>
                                </tr>
                                <tr>
                                    <td  height="52"><span style="color: red">*</span>来源学校</td>
                                    <td ><span style="color: red">*</span>年级：</td>
                                    <td>类别:</td>
                                </tr>
                                <tr class="paikeconter">
                                    <td>
                                        <input type="text" class="form-control" style="background: #fef6f9;border: 1px solid #fce5ee" value="{{prod.school}}" id="updataschool">
                                    </td>
                                    <td>
                                        <updatagrade></updatagrade>
                                    </td>
                                    <td><input type="text" class="form-control" style="background: #fef6f9;border: 1px solid #fce5ee" value="{{prod.direction}}" readonly id="direction"></td>
                                </tr>
                                <tr>
                                    <td  height="52">本人手机号</td>
                                    <td>父亲手机号</td>
                                    <td>母亲手机号</td>
                                </tr>
                                <tr class="paikeconter">
                                    <td height="52">
                                        <input type="text" class="form-control" style="background: #fef6f9;border: 1px solid #fce5ee" value="{{prod.mobile1}}" id="updatamobile1">
                                    </td>
                                    <td>
                                        <input type="text" class="form-control" style="background: #fef6f9;border: 1px solid #fce5ee" value="{{prod.mobile2}}" id="updatamobile2">
                                    </td>
                                    <td>
                                        <input type="text" class="form-control" style="background: #fef6f9;border: 1px solid #fce5ee" value="{{prod.mobile3}}" id="updatamobile3">
                                    </td>
                                </tr>
                                <tr>
                                    <td  height="52">微信号</td>
                                    <td>咨询</td>
                                    <td>教务</td>
                                </tr>
                                <tr class="paikeconter">
                                    <td height="52">
                                        <input type="text" class="form-control" style="background: #fef6f9;border: 1px solid #fce5ee" value="{{prod.wechat}}" id="updatawechat">
                                    </td>
                                    <td>
                                        <updataconsulting></updataconsulting>
                                    </td>
                                    <td>
                                        <updataadministration></updataadministration>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="modal-footer">
                            <button type="submit" class="btn btn-primary-tf" ng-click="save()">保存</button>
                        </div>
                    </form>
                </div>
                <!-- /.modal-content -->
            </div>
            <!-- /.modal -->
        </div>
    </div>
    <!--查看信息-->
    <div class="container-fluid text-center">
        <!-- 模态框（Modal） -->
        <div class="modal fade" id="check" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
            <div class="modal-dialog" style="width: 1000px;">
                <div class="modal-content" >
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                        <h2 class="modal-title" > <span class="fa fa-edit">学员信息</span></h2>
                    </div>
                    <form >
                        <div class="modal-body">
                            <!-- 提交表单到服务器 -->
                            <table width="100%" align="center">
                                <tbody class="modal-information">
                                <tr>
                                    <td  height="52">学员卡号</td>
                                    <td>学员姓名</td>
                                    <td>性别</td>
                                </tr>
                                <tr class="paikeconter">
                                    <td height="52">
                                        <span class="check-daily" style="background: #fef6f9;border: 1px solid #fce5ee" >{{findContent.sn}}</span>
                                    </td>
                                    <td>
                                        <span class="check-daily" style="background: #fef6f9;border: 1px solid #fce5ee">{{findContent.name}}</span>
                                    </td>
                                    <td>
                                        <span class="check-daily" style="background: #fef6f9;border: 1px solid #fce5ee" ng-if="findContent.sex==1">男</span>
                                        <span class="check-daily" style="background: #fef6f9;border: 1px solid #fce5ee" ng-if="findContent.sex==0">女</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td  height="52">来源学校</td>
                                    <td>年级：</td>
                                    <td>类别:</td>
                                </tr>
                                <tr class="paikeconter">
                                    <td>
                                        <span class="check-daily" style="background: #fef6f9;border: 1px solid #fce5ee">{{findContent.school}}</span>
                                    </td>
                                    <td>
                                        <span class="check-daily" style="background: #fef6f9;border: 1px solid #fce5ee" >{{findContent.grade_name}}</span>
                                    </td>
                                    <td>
                                        <span class="check-daily" style="background: #fef6f9;border: 1px solid #fce5ee">{{findContent.direction}}</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td  height="52">本人手机号</td>
                                    <td>父亲手机号</td>
                                    <td>母亲手机号</td>
                                </tr>
                                <tr class="paikeconter">
                                    <td height="52">
                                        <div class="list" style="background: #fef6f9;border: 1px solid #fce5ee;margin: 0 auto">{{findContent.mobile1}}</div>
                                    </td>
                                    <td>
                                        <div class="list" style="background: #fef6f9;border: 1px solid #fce5ee;margin: 0 auto">{{findContent.mobile2}}</div>
                                    </td>
                                    <td>
                                        <div class="list" style="background: #fef6f9;border: 1px solid #fce5ee;margin: 0 auto">{{findContent.mobile3}}</div>
                                    </td>
                                </tr>
                                <tr>
                                    <td  height="52">微信号</td>
                                    <td value="1">咨询</td>
                                    <td value="3">教务</td>
                                </tr>
                                <tr class="paikeconter">
                                    <td height="52">
                                        <span class="check-daily" style="background: #fef6f9;border: 1px solid #fce5ee" >{{findContent.wechat}}</span>
                                    </td>
                                    <td ng-if="findContent.staff_consulting_id!=null">
                                        <span class="check-daily" style="background: #fef6f9;border: 1px solid #fce5ee" >{{findContent.staff_consulting_name}}</span>
                                    </td>
                                    <td ng-if="findContent.staff_consulting_id==null">
                                        <span class="check-daily" style="background: #fef6f9;border: 1px solid #fce5ee" >--</span>
                                    </td>
                                    <td ng-if="findContent.staff_education_id!=null">
                                        <div class="list" style="background: #fef6f9;border: 1px solid #fce5ee;margin: 0 auto" >{{findContent.staff_education_name}}</div>
                                    </td>
                                    <td ng-if="findContent.staff_education_id==null">
                                        <div class="list" style="background: #fef6f9;border: 1px solid #fce5ee;margin: 0 auto" >--</div>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </form>
                </div>
                <!-- /.modal-content -->
            </div>
            <!-- /.modal -->
        </div>
    </div>
    <!--翻页-->
    <div ng-if="myPage.totalItems" my-pagination pg="myPage"></div>
</div>
